@import "./color";
@import "./cssreset";
@import "./size";
header{
    width: $width;
    height: 80px;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 5;
    .header{
        display: flex;
        width: $width;
        height: 5rem;
        justify-content: space-between;
        align-items: center;
        padding: 0 1.78125rem;
        box-sizing: border-box;
        background-color: #fff;
        .header-left{
            flex: 1;
            display: flex;
            .left{
                display: flex;
                flex: 1;
                justify-content: flex-start;
                align-items: center;
                .search{
                   margin-left: 20px;
                   margin-left: 25px; 
                   position: relative;
                   input{
                    line-height: 42px;
                    padding: 0 60px 0 25px;
                    border: 1px solid #757575;
                    border-radius: 60px;
                    box-sizing: border-box;
                    z-index: 2;
                    font-size: 15px;
                    background-color: #fff;
                    color: #000;
                    
                   }
                   .sp1{
                       width: 20px;
                       height: 20px;
                       position: absolute;
                       right: 20px;
                       top: 50%;
                       margin-top: -10px;
                   }
                }
            }
        }
        .header-center{
            display: block;
            height: 40px;
                width: 120px;
                img{
                    width: 100%;
                    height: 100%;
                }
        }

        .header-right{
            flex: 1;
            display: flex;
            justify-content: flex-end;
            .right{
                display: flex;
                justify-content: center;
                align-items: center;
                span{
                    display: block;
                    height: 23px;
                    width: 23px;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .sp3{
                    margin-left: 30px;
                }
            }
        }
    }
}